﻿body {
    font-size: 12px;
}

.crop_container {
    border: 1px solid #ccc;
    width: 500px;
    height: 212px;
}

    .crop_container .preview {
        width: 200px;
        height: 200px;
        float: left;
        -moz-user-select: none;
        overflow: hidden;
        position: relative;
        -webkit-user-select: none;
        border: 1px dotted #ccc;
        margin: 5px;
    }

        .crop_container .preview img {
            display: block;
            left: 0;
            position: absolute;
            top: 0;
            cursor: move;
            moz-user-select: -moz-none;
            -moz-user-select: none;
            -o-user-select:none;
            -khtml-user-select:none;
            -webkit-user-select:none;
            -ms-user-select:none;
            user-select:none;
        }

    .crop_container .option {
        width: 278px;
        float: right;
        margin: 5px;
    }

    .crop_container .option input{
        border-radius: 4px;
        border: 1px solid #ddd;
        background: #fafafa;
        padding: 4px 10px;
        cursor: pointer;
        
    }
    .crop_container .option a {
        margin-top:10px;
        padding: 4px 10px;
        height: 20px;
        line-height: 20px;
        position: relative;
        cursor: pointer;
        color: #888;
        background: #fafafa;
        border: 1px solid #ddd;
        border-radius: 4px;
        overflow: hidden;
        display: inline-block;
        *display: inline;
        *zoom: 1
    }

        .crop_container .option a input {
            position: absolute;
            font-size: 100px;
            right: 0;
            top: 0;
            opacity: 0;
            filter: alpha(opacity=0);
            cursor: pointer
        }
